import React, { Component } from 'react';
import { Button } from 'antd-mobile';
import {
    Platform,
    StyleSheet,
    Text,
    View
} from 'react-native';

const instructions = Platform.select({
    ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
    android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});
export default class MainApp extends Component<{}> {
    static navigationOptions = {
        title: 'Welcome',
    };
    render(){
        const { navigate } = this.props.navigation;
        return(
          <View style={styles.container}>
              <Button onClick={() => {console.log(1111);navigate('Camera')}}>Camera page</Button>
              <Button onClick={() => {console.log(2222);navigate('QrCamera')}}>QrCamera page</Button>
              <Text style={styles.instructions}>
                  {instructions}
              </Text>
          </View>
        )
    }
}


const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
});